import React from 'react';
import { Modal, Input } from 'antd';
import './RejectReasonConfirm.less'

const { TextArea } = Input;

const RejectReasonConfirm = (props) => (
  <Modal
    title="Reject"
    centered
    visible={props.showRejectReasonModal}
    onOk={props.confrimReject}
    onCancel={props.cancelReject}
    okText="Confirm"
    cancelText="Cancel">
    <div className="reject-reason-flex-item">
      <label className="key-title">Reasons:</label>
      <TextArea
        className="msg-item"
        autosize={{ minRows: 4, maxRows: 6 }}
        placeholder="Please input the reason..."
        value={props.rejectReasonValue}
        onChange={props.rejectReasonValueOnChange} />
    </div>
  </Modal>
)

export default RejectReasonConfirm;
